<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/animate.min.css">
    <link rel="stylesheet" href="./css/bootstrap.min.css">
    <link rel="stylesheet/less" href="./css/style.less">
</head>

<body>
    <div class="all">
        <div class="container">
            <div class="row">
                <nav class="navbar navbar-default" role="navigation">
                    <div class="container-fluid">
                        <div class="navbar-header">
                            <button type="button" class="navbar-toggle" data-toggle="collapse"
                                data-target="#example-navbar-collapse">
                                <span class="sr-only">切换导航</span>
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                            </button>
                            <a class="navbar-brand" href="#">
                                <div class="logo"></div>
                                <div class="head_font">
                                    <div class="anjian">安健之源</div>
                                    <div class="url">ergo168.com</div>
                                </div>
                            </a>
                            <div class="search glyphicon glyphicon-search"></div>
                        </div>
                        <div class="collapse navbar-collapse" id="example-navbar-collapse">
                            <ul class="nav navbar-nav">
                                <li class="dropdown">
                                    <!-- Java <b class="caret"></b> -->
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </nav>
            </div>
        </div>
        <!-- 轮播图 -->
        <div class="container">
            <div class="row">
                <div class="pic">
                    <img src="./img/bg_02.png" alt="">
                </div>
            </div>
        </div>
        <!-- 第三页 -->
        <div class="container">
            <div class="row">
                <div class="page3">
                    <div class="head3">
                        <div class="stick"></div>
                        <div class="head3_font">风险评估</div>
                        <div class="stick"></div>
                    </div>
                    <div class="pic3">
                        <div class="col-sm-3 col-md-3 col-xs-6 pic3_in">
                            <img src="./img/p3_03.jpg" alt="">
                            <div class="pic3_font">办公室</div>
                        </div>
                        <div class="col-sm-3 col-md-3 col-xs-6 pic3_in">
                            <img src="./img/p3_05.jpg" alt="">
                            <div class="pic3_font">工业</div>
                        </div>
                        <div class="col-sm-3 col-md-3 col-xs-6 pic3_in">
                            <img src="./img/p3_07.jpg" alt="">
                            <div class="pic3_font">个人/家居</div>
                        </div>
                        <div class="col-sm-3 col-md-3 col-xs-6 pic3_in">
                            <img src="./img/p3_09.png" alt="">
                            <div class="pic3_font">其他行业</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- 第四页 -->
        <div class="container">
            <div class="row">
                <div class="page4">
                    <div class="content4 col-sm-4 col-xs-6"></div>
                    <div class="content4 col-sm-4 col-xs-6">
                        <div class="title4">专业咨询</div>
                        <div class="font4">个人咨询</div>
                        <div class="font4">企业咨询</div>
                    </div>
                    <div class="content4 col-sm-4 col-xs-6"></div>
                    <div class="content4 col-sm-4 col-xs-6">
                        <div class="title4">专业培训</div>
                        <div class="font4">培训通知</div>
                        <div class="font4">在线培训</div>
                        <div class="font4">现场培训</div>
                    </div>
                    <div class="content4 col-sm-4 col-xs-6"></div>
                    <div class="content4 col-sm-4 col-xs-6">
                        <div class="title4">人体工学资源</div>
                        <div class="font4">案例分析</div>
                        <div class="font4">企业广告</div>
                        <div class="font4">产品推荐</div>
                    </div>
                </div>
            </div>
        </div>
        <!-- 第五页 -->
        <div class="page5">
            <div class="container">
                <div class="row">
                    <div class="head3">

                        <div class="stick"></div>
                        <div class="head3_font">人体工学介绍和应用</div>
                        <div class="stick"></div>
                    </div>
                    <div class="pic5">
                        <!-- <img src="./img/renti_02.png" alt=""> -->
                        <div class="pic5_in">
                            <div class="pic5_title">人体工学介绍</div>
                            <div class="col-xs-6">
                                <div class="pic5_box box1">过去</div>
                            </div>
                            <div class="col-xs-6">
                                <div class="pic5_box">过去</div>
                            </div>
                            <div class="col-xs-6">
                                <div class="pic5_box box3">过去</div>
                            </div>

                        </div>
                    </div>
                    <div class="p5_bottom1">
                        <div class="p5_bin">
                            <img src="./img/p5bin_05.jpg" alt="">
                            职业应用
                        </div>
                        <div class="p5_bin">
                            <img src="./img/p5bin_07.png" alt="">
                            个人/家居
                        </div>
                    </div>
                    <div class="p5_bottom2">
                        <div class="p5_bin2">
                            <img src="./img/max_12.png" alt="">
                            其他应用
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="container">
            <div class="row">
                <div id="map"></div>
            </div>
        </div>
        <!-- footer -->
        <div class="footer">
            <div class="container">
                <div class="row">
                    <div class="head3">

                        <div class="stick"></div>
                        <div class="head3_font">联系我们</div>
                        <div class="stick"></div>
                    </div>
                    <div class="footer_row">
                        <div class="footer_rowin">
                            <img src="./img/footer_05.jpg" alt="">
                            +86 15217196291
                        </div>
                        <div class="footer_rowin">
                            <div class="rowin1">
                                <img src="./img/footer_08.jpg" alt="">
                                01-706-560-3604
                            </div>
                            <div class="rowin1">
                                <img src="./img/footer_10.png" alt="">
                                ergo168@qq.com
                            </div>

                        </div>
                        <div class="footer_rowin">
                            <img src="./img/footer_14.jpg" alt="">
                            广州市天河区珠江新城珠江西路高德置地D座15楼
                        </div>
                    </div>
                </div>
            </div>
        </div>
        
    </div>
</body>
<script src="./js/jquery.js"></script>
<script src="./js/bootstrap.min.js"></script>
<script src="./js/less.js"></script>
<script src="./js/wow.min.js"></script>
<script src="./js/loop.js"></script>
<script>new WOW().init();</script>
<script type="text/javascript" src="https://api.map.baidu.com/api?v=1.0&type=webgl&ak=jhAqvSVZwVQ8QNhjOdrzCfiIV53piRDN"></script>
<script>
  var map = new BMapGL.Map("map");          // 创建地图实例 
  var point = new BMapGL.Point(116.404, 39.915);  // 创建点坐标 
  map.centerAndZoom(point, 15);                 // 初始化地图，设置中心点坐标和地图级别
  map.enableScrollWheelZoom(true);     //开启鼠标滚轮缩放
  map.setHeading(64.5);   //设置地图旋转角度
  map.setTilt(73);       //设置地图的倾斜角度

  // 禁止地图旋转和倾斜可以通过配置项进行设置
  var map = new BMapGL.Map("allmap", {
    enableRotate: false,
    enableTilt: false
  });
</script>
</html>